<?php if (!defined('THINK_PATH')) exit();?><!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>DJ ROCKS a Music Category Flat Bootstarp Responsive Web Template| Single :: w3layouts</title>
<link href="/meck/Public/Home/css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="/meck/Public/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="/meck/Public/Home/js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="DJ ROCKS Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,100,200' rel='stylesheet' type='text/css'>

</head>
<body>
<!---->
<div class="header">
	 <div class="container">
		 <div class="logo">
			 <a href="index.html"><h1>DJ ROCKS</h1></a>
		 </div>
		 <div class="top-menu">
			 <ul>
			 <li class="active"><a href="<?php echo U('Home/index/index');;?>"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>Home</a></li>
			 <li><a href="<?php echo U('Home/news/news');;?>"><span class="glyphicon" aria-hidden="true"></span>News</a></li>
			 <li><a href="<?php echo U('Home/photo/photo');;?>"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>Photo</a></li>
			 <li><a href="<?php echo U('Home/music/music');;?>"><span class="glyphicon glyphicon-music" aria-hidden="true"></span>Music</a></li>
			 <li><a href="<?php echo U('Home/video/video');;?>"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>Video</a></li>
			 </ul>
		 </div>
		 <div class="clearfix"></div>
	 </div>
</div>
<!---->
<div class="blog content">
	 <div class="container">  
		 <ol class="breadcrumb">
		  <li><a href="#">Home</a></li>
		  <li class="active">Blog</li>	  
		 </ol>
		 <h2>BLOG</h2>
		 <div class="blog-single">
			 <div class="col-md-8 blog-single_left">
				 <h2>Aenean euismod augue et vestibulum malesuada.</h2>
				 <div class="blog-single_pic">
				 <img src="/meck/Public/Home/images/blg-s3.jpg" class="img-responsive" alt=""/>
				 </div>
				 <div class="artical-links">
		  			 <ul>
		  					<li><img src="/meck/Public/Home/images/blog-icon1.png" title="date"><span>june 14, 2015</span></li>
		  					<li><a href="#"><img src="/meck/Public/Home/images/blog-icon2.png" title="Admin"><span>Admin</span></a></li>
		  					<li><a href="#"><img src="/meck/Public/Home/images/blog-icon3.png" title="Comments"><span>No comments</span></a></li>
		  					<li><a href="#"><img src="/meck/Public/Home/images/blog-icon4.png" title="Lables"><span>View posts</span></a></li>
		  					<li class="perma"><a href="#"><img src="/meck/Public/Home/images/blog-icon5.png" title="permalink"><span>permalink</span></a></li>
							<div class="clearfix"></div>
		  			 </ul>
		  		 </div>
				 <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
					Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
					It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of 
					Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
					<h3>Fusce aliquam</h3>
					<p>The pretium sem non erat faucibus tempor. Cras velit elit, luctus eu tempus et, dapibus a quam. Phasellus ut eros orci. Nullam mi odio, vestibulum in imperdiet laoreet, blandit id nisi. Aliquam sit amet ligula ornare, feugiat metus nec, fermentum velit. Ut sit amet est at odio mattis convallis. Aenean ac justo libero. Donec erat leo, faucibus id leo ac, tincidunt ultricies est. Sed et leo consequat, mollis dolor sed, euismod erat. Praesent a aliquet dui. Sed sed ipsum id tellus facilisis dignissim eu id mi. Cras cursus, ipsum sit amet pretium elementum, erat dolor condimentum justo, vel facilisis ex turpis nec erat. Etiam non eros mattis ante eleifend sollicitudin..</p>
					<h3>Maecenas</h3>
					<p>Vivamus dignissim aliquet metus in pretium. Aliquam at justo convallis, rutrum nibh ut, vulputate purus. Suspendisse viverra felis sed diam efficitur egestas. Maecenas gravida nunc quis diam tincidunt posuere. Vestibulum congue, nibh a fermentum sollicitudin, massa massa tempus risus, nec elementum orci orci ac risus. In ultricies velit id feugiat semper. Proin eu magna odio. Praesent elementum egestas nibh nec egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ut nunc eu lacus maximus fringilla. Nullam laoreet leo ac mi fermentum, vel dapibus tellus eleifend.</p>
						  
				 <div class="comment-box">
					<h4 class="page-header">Comment Here </h4>
					<div class="text-cmt">
						<input type="text" placeholder="Name" required=""/>
						<input type="text" placeholder="Email" required=""/>
					</div>
					<div class="text-cmt">
						<textarea placeholder="Message" required=""></textarea>
					</div>
					<div class="text-cmt">
						<input type="submit" />
					</div>
				 </div>
				 <div class="comments1">
					 <h4>COMMENTS</h4>
					 <div class="comments-main">
						 <div class="col-md-3 cmts-main-left">
								<img src="/meck/Public/Home/images/p3.jpg" alt="">
						 </div>
						 <div class="col-md-9 cmts-main-right">
								<h5>TOM BROWN</h5>
								<p>Vivamus congue turpis in laoreet sem nec ultrices. Fusce blandit nunc vehicula massa vehicula tincidunt. Nam venenatis cursus urna sed gravida. Ut tincidunt elit ut quam malesuada consequat. Sed semper purus sit amet lorem elementum faucibus.</p>
								<div class="cmts">
									<div class="col-md-6 cmnts-left">
										<p>On April 14, 2014, 18:01</p>
									</div>
									<div class="col-md-6 cmnts-right">
											<a href="#">Reply</a>
									</div>
									<div class="clearfix"></div>
								</div>
						 </div>
						 <div class="clearfix"></div>
					 </div>
					 <div class="comments-main">
						 <div class="col-md-3 cmts-main-left">
								<img src="/meck/Public/Home/images/p2.jpg" alt="">
						 </div>
						 <div class="col-md-9 cmts-main-right">
								<h5>HENRY JOE</h5>
								<p>Vivamus congue turpis in laoreet sem nec ultrices. Fusce blandit nunc vehicula massa vehicula tincidunt. Nam venenatis cursus urna sed gravida. Ut tincidunt elit ut quam malesuada consequat. Sed semper purus sit amet lorem elementum faucibus.</p>
								<div class="cmts">
									<div class="col-md-6 cmnts-left">
										<p>On April 14, 2014, 18:01</p>
									</div>
									<div class="col-md-6 cmnts-right">
											<a href="#">Reply</a>
									</div>
									<div class="clearfix"></div>
								</div>
						 </div>
						 <div class="clearfix"></div>
					 </div>
				 </div>

			 </div>
			 <div class="col-md-4 blog-right">				 
				 <h3 class="head4">Categories</h3>
			        <ul class="list1">
					    <li><a href="#">consectetuer adipiscing elit</a></li>
			            <li><a href="#">Duis autem vel eum iriure dolo</a></li>
			            <li><a href="#">soluta nobis eleifend option</a></li>
			            <li><a href="#">consectetuer adipiscing elit</a></li>
			            <li><a href="#">Duis autem vel eum iriure dolo</a></li>
			            <li><a href="#">soluta nobis eleifend option</a></li>
		            </ul>	
				 <div class="recent-albums">
					 <h3>RECENT ALBUMS</h3>
					 <div class="tab-left">
						 <span class="tab-img"><img src="/meck/Public/Home/images/w2.jpg" alt=""/></span>
						 <div class="tab-text">
								<p><a href="#">Lorem ipsum dolor sit amet nibh.</a></p>
							 <div class="post-meta">
									<img src="/meck/Public/Home/images/comment.png" alt=""><a href="#" class="comments"> 3 Comments</a>
									<span class="author">Author: <a href="#">Lorem</a></span>
							 </div>
							 <a href="#" class="link1">Read More</a>
						 </div>
						  <div class="clearfix"></div>
					 </div>
					 <div class="tab-left">
						 <span class="tab-img"><img src="/meck/Public/Home/images/w3.jpg" alt=""/></span>
						 <div class="tab-text">
								<p><a href="#">Lorem ipsum dolor sit amet nibh.</a></p>
							 <div class="post-meta">
									<img src="/meck/Public/Home/images/comment.png" alt=""><a href="#" class="comments"> 3 Comments</a>
									<span class="author">Author: <a href="#">Lorem</a></span>
							 </div>
							 <a href="#" class="link1">Read More</a>
						 </div>
						  <div class="clearfix"></div>
					 </div>
					 <div class="tab-left">
						 <span class="tab-img"><img src="/meck/Public/Home/images/w4.jpg" alt=""/></span>
						 <div class="tab-text">
								<p><a href="#">Lorem ipsum dolor sit amet nibh.</a></p>
							 <div class="post-meta">
									<img src="/meck/Public/Home/images/comment.png" alt=""><a href="#" class="comments"> 3 Comments</a>
									<span class="author">Author: <a href="#">Lorem</a></span>
							 </div>
							 <a href="#" class="link1">Read More</a>
						 </div>
						  <div class="clearfix"></div>
					 </div>
					 <div class="tab-left">
						 <span class="tab-img"><img src="/meck/Public/Home/images/w5.jpg" alt=""/></span>
						 <div class="tab-text">
								<p><a href="#">Lorem ipsum dolor sit amet nibh.</a></p>
							 <div class="post-meta">
									<img src="/meck/Public/Home/images/comment.png" alt=""><a href="#" class="comments"> 3 Comments</a>
									<span class="author">Author: <a href="#">Lorem</a></span>
							 </div>
							 <a href="#" class="link1">Read More</a>
						 </div>
						  <div class="clearfix"></div>
					 </div>
				 </div>
				 <h3 class="head4">ARCHIVES</h3>
			        <ul class="list1">
					    <li><a href="#">January 2010</a></li>
			            <li><a href="#">February 2010</a></li>
			            <li><a href="#">March 2011</a></li>
			            <li><a href="#">April 2012</a></li>
			            <li><a href="#">May 2012</a></li>
			            <li><a href="#">June 2013</a></li>
		            </ul>
			 </div>
			 <div class="clearfix"></div>
		 </div>			 
		 <div class="footer">
			 <div class="container">
				 <div class="strp2">
					 <img src="/meck/Public/Home/images/ftr.png" alt=""/>
				 </div>
				 <div class="copywrite">
					 <p>Copyright © 2015 DJ ROCKS All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>
				 </div>
				 <div class="social-icons">
					  <a href="#"><i class="twitter"></i></a>
					  <a href="#"><i class="facebook"></i></a>		
					 <a href="#"><i class="flicker"></i></a>	
					 <a href="#"><i class="wifi"></i></a>
				 </div>
				 <div class="clearfix"></div>
			 </div>
		 </div>	
	 </div>
</div>
<!---->

<!---->
</body>
</html>